import React, { Component } from 'react';
import { Button, Modal, Select, Form, Row, Col, Input, Radio, Table, DatePicker, notification, Tabs } from 'antd';
import BaseComponent from '@/components/BaseComponent';
import { connect } from 'dva';
const { TabPane } = Tabs;
@connect(({ user }) => ({
  // data: risk.riskData,
  currentUser: user.currentUser,
}))

export default class index extends BaseComponent {
  constructor(props) {
    super(props);
    this.state = {
      visible: false,
      hasIBDYear: '',
      hasIBDMonth: '',
      form: {},
      maritalStatusData: [
        { label: '未婚', value: '1' },
        { label: '已婚', value: '2' },
        { label: '离异', value: '3' },
        { label: '丧偶', value: '4' },
      ],
      degreeEducationData: [
        { label: '未上过学', value: '1' },
        { label: '小学', value: '2' },
        { label: '初中', value: '3' },
        { label: '高中', value: '4' },
        { label: '大专及以上', value: '5' },
      ],
      drinkData: [
        { label: '不喝', value: '1' },
        { label: '偶尔喝', value: '2' },
        { label: '经常喝', value: '3' },
      ],
      headwatersData: [
        { label: '地窖水、池塘水、浅井水', value: '1' },
        { label: '湖水、河水', value: '2' },
        { label: '深井水、泉水', value: '3' },
        { label: '纯净水/自来水(经处理)', value: '4' },
      ],
      systolicPressureData: [
        { label: '120mmHg以下', value: '1' },
        { label: '120mmHg ~ 139mmHg', value: '2' },
        { label: '140mmHg ~ 179mmHg', value: '3' },
        { label: '180mmHg以上', value: '4' },
      ],
      diastolicPressureData: [
        { label: '80mmHg以下', value: '1' },
        { label: '80mmHg ~ 89mmHg', value: '2' },
        { label: '90mmHg ~ 109mmHg', value: '3' },
        { label: '110mmHg以上', value: '4' },
      ],
      drinkQuantityData: [
        { label: '<2两', value: '1' },
        { label: '2 ~ 5两', value: '2' },
        { label: '6 ~ 10两', value: '3' },
        { label: '>10两', value: '4' },
      ],
      drinkFrequencyData: [
        { label: '一周2 ~ 3次', value: '1' },
        { label: '一周4 ~ 6次', value: '2' },
        { label: '一周6次以上', value: '3' },
      ],
      foodData: [
        { label: '从不', value: '1' },
        { label: '很少(<2次/周)', value: '2' },
        { label: '经常(>=2次/周)', value: '3' },
      ],
      blackTeaYearData: [
        { label: '<1年', value: '1' },
        { label: '1~5年', value: '2' },
        { label: '6~10年', value: '3' },
        { label: '>10年', value: '4' },
      ],
      greenTeaYearData: [
        { label: '<1年', value: '1' },
        { label: '1 ~ 5年', value: '2' },
        { label: '6 ~ 10年', value: '3' },
        { label: '>10年', value: '4' },
      ],
      whether: [
        { label: '否', value: '1' },
        { label: '是', value: '2' },
        { label: '不清楚', value: '3' },
      ],
      loseToothData: [
        { label: '1颗', value: '1' },
        { label: '2 ~ 4颗', value: '2' },
        { label: '3 ~ 5颗', value: '3' },
        { label: '5颗以上', value: '4' },
      ],
      plantToothData: [
        { label: '无', value: '1' },
        { label: '1颗', value: '2' },
        { label: '2 ~ 4颗', value: '3' },
        { label: '3 ~ 5颗', value: '4' },
        { label: '5颗以上', value: '5' },
      ],
      verifyTimeData: [
        { label: '<1年', value: '1' },
        { label: '1 ~ 5年', value: '2' },
        { label: '6 ~ 10年', value: '3' },
        { label: '>10年', value: '4' },
      ],
      helicobacterPyloriDetectionMethodData: [
        { label: '快速尿素酶试验', value: '1' },
        { label: '碳 13呼气试验', value: '2' },
        { label: '碳 14呼气试验', value: '3' },
        { label: '血清抗体试验', value: '4' },
        { label: '病理诊断', value: '5' },
        { label: '粪便抗原检测', value: '6' },
        { label: '不清楚', value: '7' },
      ],
      mealTimeData: [
        { label: '1 ~ 10分钟', value: '1' },
        { label: '11 ~ 20分钟', value: '2' },
        { label: '21 ~ 30分钟', value: '3' },
        { label: '30分钟以上', value: '4' },
      ],
      populationData: [
        { label: '1人', value: '1' },
        { label: '2 ~ 3人', value: '2' },
        { label: '4 ~ 5人', value: '3' },
        { label: '6 ~ 7人', value: '4' },
        { label: '8 ~ 9人', value: '5' },
        { label: '10人及以上', value: '6' },
      ],
      incomeData: [
        { label: '1万以下', value: '1' },
        { label: '1 ~ 4.9万', value: '2' },
        { label: '5 ~ 9.9万', value: '3' },
        { label: '10 ~ 19.9万', value: '4' },
        { label: '20万以上', value: '5' },
      ],
    };
  }

  userNameChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        userName: value,
      },
    }));
  };

  sexChange = e => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        sex: value,
      },
    }));
  };

  idCardChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        idCard: value,
      },
    }));
  };
  maritalStatusChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        maritalStatus: value,
      },
    }));
  };

  heightChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        height: value,
      },
    }));
  };
  weightChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        weight: value,
      },
    }));
  };
  systolicPressureChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        systolicPressure: value,
      },
    }));
  };
  diastolicPressureChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        diastolicPressure: value,
      },
    }));
  };
  smokeChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        smoke: value,
      },
    }));
  };
  smokingFrequencyChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        smokingFrequency: value,
      },
    }));
  };
  smokingYearChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        smokingYear: value,
      },
    }));
  };
  drinkChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        drink: value,
      },
    }));
  };
  drinkQuantityChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        drinkQuantity: value,
      },
    }));
  };
  drinkFrequencyChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        drinkFrequency: value,
      },
    }));
  };
  blackTeaChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        blackTea: value,

      },
    }));
  };
  blackTeaYearChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        blackTeaYear: value,
      },
    }));
  };
  vegetableChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        vegetable: value,
      },
    }));
  };
  fruitsChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        fruits: value,
      },
    }));
  };
  eggsMilkChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        eggsMilk: value,
      },
    }));
  };
  BeanFoodChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        BeanFood: value,
      },
    }));
  };
  sunDryFoodChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        sunDryFood: value,
      },
    }));
  };
  deepFryFoodChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        deepFryFood: value,
      },
    }));
  };
  hotFoodChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        hotFood: value,
      },
    }));
  };
  mildewFoodChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        mildewFood: value,
      },
    }));
  };
  toothChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        tooth: value,
      },
    }));
  };

  loseToothChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        loseTooth: value,
      },
    }));
  };
  plantToothChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        plantTooth: value,
      },
    }));
  };
  gastroscopeChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        gastroscope: value,
      },
    }));
  };
  oesophagitisChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        oesophagitis: value,
      },
    }));
  };
  cardiaIntestinalMetaplasiaChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        cardiaIntestinalMetaplasia: value,
      },
    }));
  };
  nonAtrophicGastritisChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        nonAtrophicGastritis: value,
      },
    }));
  };
  atrophicGastritisChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        atrophicGastritis: value,
      },
    }));
  };
  intestinalMetaplasiaChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        intestinalMetaplasia: value,
      },
    }));
  };
  gastricAndDuodenalUlcersChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        gastricAndDuodenalUlcers: value,
      },
    }));
  };
  gastricPolypsChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        gastricPolyps: value,
      },
    }));
  };
  lowGradeIntraepithelialNeoplasiaChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        lowGradeIntraepithelialNeoplasia: value,
      },
    }));
  };
  highGradeNeoplasiaAndEarlyCancerChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        highGradeNeoplasiaAndEarlyCancer: value,
      },
    }));
  };
  historyOfBenignDiseaseSubtotalGastrectomyChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        historyOfBenignDiseaseSubtotalGastrectomy: value,
      },
    }));
  };

  historyOfBenignDiseaseSubtotalGastrectomyTimeChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        historyOfBenignDiseaseSubtotalGastrectomyTime: value,
      },
    }));
  };

  historyOfSubtotalGastrectomyForGastricCancerChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        historyOfSubtotalGastrectomyForGastricCancer: value,
      },
    }));
  };
  historyOfSubtotalGastrectomyForGastricCancerTimeChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        historyOfSubtotalGastrectomyForGastricCancerTime: value,
      },
    }));
  };
  barrettEsophagusChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        barrettEsophagus: value,
      },
    }));
  };

  gastricMucosaGiantFoldSignChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        gastricMucosaGiantFoldSign: value,
      },
    }));
  };
  helicobacterPyloriInfectionChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        helicobacterPyloriInfection: value,
      },
    }));
  };

  helicobacterPyloriDetectionMethodChange = (value) => {
    this.setState((params) => ({
      form: {
        ...params.form,
        helicobacterPyloriDetectionMethod: value,
      },
    }));
  };

  hepatitisChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        hepatitis: value,
      },
    }));
  };

  squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTractChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTract: value,
      },
    }));
  };
  perniciousAnemiaChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        perniciousAnemia: value,
      },
    }));
  };
  elseChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        else: value,
      },
    }));
  };
  diseasNameChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        diseasName: value,
      },
    }));
  };
  firstDegreeRelativeHadTumorChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        firstDegreeRelativeHadTumor: value,
      },
    }));
  };
  domesticRelationChange = (e) => {
    const value = e.target.value;
    this.setState((params) => ({
      form: {
        ...params.form,
        domesticRelation: value,
      },
    }));
  };


  showModal = () => {
    /**详情*/
    this.execHttp('formalDatabase/findDataById', {
      id: this.props.record.id,
    }).then(resp => {
      if (resp && resp.success) {
        if (resp.data.response.riskReportId) {
          this.setState({
            visible: true,
          });
          this.getDataByPage(resp.data.response.riskReportId);
        } else {
          notification.open({
            message: '风险因素表未填写',
            description:
              '',
          });
        }
      }
    });

  };

  //   /**详情*/
  //   findDataById = () => {
  //     this.execHttp('formalDatabase/findDataById', {
  //         id: this.props.record.id
  //     }).then(resp => {
  //         if (resp && resp.success) {
  //             this.setState({
  //                 form: resp.data.response,
  //             })
  //             this.getCity({ level: 2, parentCode: '34' })
  //             this.getCity({ level: 3, parentCode: resp.data.response.cityId })
  //             this.getCity({ level: 4, parentCode: resp.data.response.districtId })
  //             this.getCity({ level: 5, parentCode: resp.data.response.countyId })
  //         }
  //     });
  // };

  handleOk = () => {
    this.setState({
      visible: false,
    });
  };
  handleCancel = () => {
    this.setState({
      visible: false,
    });
  };


  //查看详情
  // getDataByPage = (id) => {
  //   console.log(1111111);
  //   this.execHttp('qrCode/viewDetails', {
  //     id,
  //   }).then(resp => {
  //     if (resp.success) {
  //       this.setState({
  //         form: JSON.parse(resp.data.content),
  //       });
  //       console.log('this.state.form', this.state.form);
  //     }
  //   });
  // };

  getDataByPage = id => {
    this.execHttp('qrCode/viewDetails', {
      id,
    }).then(resp => {
      if (resp.success) {
        const content = JSON.parse(resp.data.content)
        const colorectalCancerContent = JSON.parse(resp.data.colorectalCancerContent)
        const data = {
          ...content,
          ...colorectalCancerContent
        }

        const lastCheckYear = data.lastCheckYear
        console.log("data", data);

        if (data.lastCheckYear) {

          data.lastCheckYear = moment(data.lastCheckYear)

        }
        if (data.hasIBDTime) {
          let temArr1 = data.hasIBDTime.split("月")
          let temArr2 = temArr1[0].split("年")
          const hasIBDYear = temArr2[0]
          const hasIBDMonth = temArr2[1]

          this.setState({
            hasIBDYear, hasIBDMonth

          });

        }

        this.setState({
          form: data,


        });
      }
    });
  };



  render() {
    const { visible } = this.state;

    const columns = [
      {
        title: '亲属关系',
        dataIndex: 'domesticRelation',
        key: 'domesticRelation',
        render: (text, record) => (
          <div>
            <Radio.Group value={record.domesticRelation} disabled>
              <Radio value="1">父母</Radio>
              <Radio value="2">兄弟姐妹</Radio>
              <Radio value="3">儿女</Radio>
            </Radio.Group>
          </div>
        ),
      },
      {
        title: '肿瘤名称',
        dataIndex: 'tumorName',
        key: 'tumorName',
        render: (text, record, index) => {
          const { tumorName } = record;
          const data = [
            { label: '肺癌', value: '1' },
            { label: '乳腺癌', value: '2' },
            { label: '结直肠癌', value: '3' },
            { label: '肝癌', value: '4' },
            { label: '胃癌', value: '5' },
            { label: '食管癌', value: '6' },
            { label: '子宫颈癌', value: '7' },
            { label: '甲状腺癌', value: '8' },
            { label: '前列腺癌', value: '9' },
            { label: '子宫体癌', value: '10' },
            { label: '口腔和咽喉肿瘤', value: '11' },
            { label: '鼻咽癌', value: '12' },
            { label: '肛门癌', value: '13' },
            { label: '胆囊癌', value: '14' },
            { label: '胰腺癌', value: '15' },
            { label: '喉癌', value: '16' },
            { label: '骨肿瘤', value: '17' },
            { label: '皮肤黑色素瘤', value: '18' },
            { label: '卵巢癌', value: '19' },
            { label: '睾丸癌', value: '20' },
            { label: '肾癌', value: '21' },
            { label: '膀胱癌', value: '22' },
            { label: '脑和中枢神经系统肿瘤', value: '23' },
            { label: '淋巴瘤', value: '24' },
            { label: '白血病', value: '25' },
            { label: '其他', value: '26' },
          ];
          const str = tumorName ? data.find(item => item.value == tumorName) : '';
          return str.label;
        },
      },
      // {
      //     title: '操作',
      //     key: 'action',
      //     render: (text, record) => (
      //         <div>
      //             {/* <Button type="primary"  >
      //                 添加
      //             </Button>
      //             <Button style={{ marginLeft: "10px" }} type="danger"  >
      //                 删除
      //             </Button> */}
      //
      //         </div>
      //     ),
      // },
    ];
    const formItemLayout = {
      labelCol: {
        span: 12
      },
      wrapperCol: {
        span: 12
      },
    };

    return (
      <div>
        <Button type="primary" style={{ marginLeft: '10px' }} onClick={this.showModal}>自测表</Button>
        <Modal
          title="自测表查看"
          visible={visible}
          onOk={this.handleOk}
          onCancel={this.handleCancel}
          width={1500}
        >
          <Form {...formItemLayout} >
            <h3>基本信息</h3>
            <Row gutter={16}>
              <Col span={6}>
                <Form.Item label="省份">
                  <Input
                    placeholder="省份"
                    value={this.state.form.provinceName || this.props.record.province_name}
                    disabled
                  />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="城市">
                  <Input
                    placeholder="城市"
                    value={this.state.form.cityName || this.props.record.city_name}
                    disabled
                  />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="区县">
                  <Input
                    placeholder="区县"
                    value={this.state.form.districtName || this.props.record.district_name}
                    disabled
                  />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="详细地址">
                  <Input
                    placeholder="详细地址"
                    value={this.state.form.address}
                    disabled
                  />
                </Form.Item>
              </Col>
            </Row>

            <Row gutter={16}>
              <Col span={6}>
                <Form.Item label="姓名">
                  <Input placeholder="姓名" value={this.state.form.userName}
                    style={{ width: 200 }} disabled onChange={this.userNameChange} />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="性别">
                  <Radio.Group style={{ width: 200 }} disabled onChange={this.sexChange} value={this.state.form.sex}>
                    <Radio value="1">男</Radio>
                    <Radio value="2">女</Radio>
                  </Radio.Group>

                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="身份证">
                  <Input placeholder="身份证" style={{ width: 200 }} disabled onChange={this.idCardChange}
                    value={this.state.form.idCard} />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="电话">
                  <Input
                    placeholder="电话"
                    value={this.state.form.phone}
                    style={{ width: '200px' }}
                    disabled
                  />
                </Form.Item>
              </Col>
            </Row>

            <Row gutter={16}>
              <Col span={6}>
                <Form.Item label="婚姻状况">
                  <Select value={this.state.form.maritalStatus} style={{ width: 200 }} disabled
                    onChange={this.maritalStatusChange}>
                    {this.state.maritalStatusData.map(item => (
                      <Select.Option key={item.value}>{item.label}</Select.Option>
                    ))}
                  </Select>
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="教育程度">
                  <Select
                    allowClear
                    value={this.state.form.degreeEducation}
                    disabled
                  >
                    {this.state.degreeEducationData.map(item => (
                      <Select.Option key={item.value}>{item.label}</Select.Option>
                    ))}
                  </Select>
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="您家现在有几口人?（同户籍）">
                  <Select
                    allowClear
                    value={this.state.form.population}
                    disabled
                  >
                    {this.state.populationData.map(item => (
                      <Select.Option key={item.value}>{item.label}</Select.Option>
                    ))}
                  </Select>
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="年收入">
                  <Select allowClear value={this.state.form.income} disabled>
                    {this.state.incomeData.map(item => (
                      <Select.Option key={item.value}>{item.label}</Select.Option>
                    ))}
                  </Select>
                </Form.Item>
              </Col>
            </Row>

            <Row gutter={16}>
              <Col span={6}>
                <Form.Item label="身高">
                  <Input placeholder="身高" value={this.state.form.height}
                    style={{ width: 200 }} disabled onChange={this.heightChange} />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="体重">
                  <Input placeholder="体重" value={this.state.form.weight}
                    style={{ width: 200 }} disabled onChange={this.weightChange} />
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="收缩压">
                  <Select value={this.state.form.systolicPressure} style={{ width: 200 }} disabled
                    onChange={this.systolicPressureChange}>
                    {this.state.systolicPressureData.map(item => (
                      <Select.Option key={item.value}>{item.label}</Select.Option>
                    ))}
                  </Select>
                </Form.Item>
              </Col>
              <Col span={6}>
                <Form.Item label="舒张压">
                  <Select value={this.state.form.diastolicPressure} style={{ width: 200 }} disabled
                    onChange={this.diastolicPressureChange}>
                    {this.state.diastolicPressureData.map(item => (
                      <Select.Option key={item.value}>{item.label}</Select.Option>
                    ))}
                  </Select>
                </Form.Item>
              </Col>
            </Row>
            <Tabs>
              <TabPane tab="上消化道肿瘤风险因素自测表" key="1">

                <h3>生活方式</h3>
                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="饮水主要来源">
                      <Select
                        allowClear
                        value={this.state.form.headwaters}
                        disabled
                      >
                        {this.state.headwatersData.map(item => (
                          <Select.Option key={item.value}>{item.label}</Select.Option>
                        ))}
                      </Select>
                    </Form.Item>
                  </Col>
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="吸烟">
                      <Radio.Group style={{ width: 200 }} disabled onChange={this.smokeChange}
                        value={this.state.form.smoke}>
                        <Radio value="1">否</Radio>
                        <Radio value="2">是</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="吸烟频率(支/天)">
                      <Input placeholder="吸烟频率(支/天)" style={{ width: 200 }} disabled
                        onChange={this.smokingFrequencyChange} value={this.state.form.smokingFrequency} />
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="吸烟持续年数(年)">
                      <Input placeholder="吸烟频率(支/天)" style={{ width: 200 }} disabled onChange={this.smokingYearChange}
                        value={this.state.form.smokingYear} />
                    </Form.Item>
                  </Col>
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="饮酒">
                      <Select value={this.state.form.drink} style={{ width: 200 }} disabled onChange={this.drinkChange}>
                        {this.state.drinkData.map(item => (
                          <Select.Option key={item.value}>{item.label}</Select.Option>
                        ))}
                      </Select>
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="饮酒量">
                      <Select value={this.state.form.drinkQuantity} style={{ width: 200 }} disabled
                        onChange={this.drinkQuantityChange}>
                        {this.state.drinkQuantityData.map(item => (
                          <Select.Option key={item.value}>{item.label}</Select.Option>
                        ))}
                      </Select>
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="饮酒频率(年)">
                      <Select value={this.state.form.drinkFrequency} style={{ width: 200 }} disabled
                        onChange={this.drinkFrequencyChange}>
                        {this.state.drinkFrequencyData.map(item => (
                          <Select.Option key={item.value}>{item.label}</Select.Option>
                        ))}
                      </Select>
                    </Form.Item>
                  </Col>
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="红茶">
                      <Radio.Group value={this.state.form.blackTea} disabled>
                        <Radio value="1">不喝</Radio>
                        <Radio value="2">偶尔喝</Radio>
                        <Radio value="3">经常喝</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  {this.state.form.blackTea === '3' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="饮茶持续年数">
                          <Select
                            allowClear
                            value={this.state.form.blackTeaYear}
                            disabled
                          >
                            {this.state.blackTeaYearData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="绿茶">
                      <Radio.Group value={this.state.form.greenTea} disabled>
                        <Radio value="1">不喝</Radio>
                        <Radio value="2">偶尔喝</Radio>
                        <Radio value="3">经常喝</Radio>
                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  {this.state.form.greenTea == '3' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="饮茶持续年数">
                          <Select
                            allowClear
                            value={this.state.form.greenTeaYear}
                            disabled
                          >
                            {this.state.greenTeaYearData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}
                </Row>

                <h3>下列食物您经常吃吗</h3>
                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="新鲜蔬菜">
                      <Radio.Group options={this.state.foodData} style={{ width: 200 }} disabled
                        onChange={this.vegetableChange} value={this.state.form.vegetable} />
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="新鲜水果">
                      <Radio.Group options={this.state.foodData} style={{ width: 200 }} disabled
                        onChange={this.fruitsChange} value={this.state.form.fruits} />
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="肉蛋奶类">
                      <Radio.Group options={this.state.foodData} style={{ width: 200 }} disabled
                        onChange={this.eggsMilkChange} value={this.state.form.eggsMilk} />
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="豆类食品">
                      <Radio.Group options={this.state.foodData} style={{ width: 200 }} disabled
                        onChange={this.BeanFoodChange} value={this.state.form.BeanFood} />
                    </Form.Item>
                  </Col>
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="腌晒食品">
                      <Radio.Group options={this.state.foodData} style={{ width: 200 }} disabled
                        onChange={this.sunDryFoodChange} value={this.state.form.sunDryFood} />
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="油炸食品">
                      <Radio.Group options={this.state.foodData} style={{ width: 200 }} disabled
                        onChange={this.deepFryFoodChange} value={this.state.form.deepFryFood} />
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="热烫食品">
                      <Radio.Group options={this.state.foodData} style={{ width: 200 }} disabled
                        onChange={this.hotFoodChange} value={this.state.form.hotFood} />
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="霉变食品">
                      <Radio.Group options={this.state.foodData} style={{ width: 200 }} disabled
                        onChange={this.mildewFoodChange} value={this.state.form.mildewFood} />
                    </Form.Item>
                  </Col>
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="一顿饭多长时间">
                      <Radio.Group
                        options={this.state.mealTimeData}
                        value={this.state.form.mealTime}
                        disabled
                      />
                    </Form.Item>
                  </Col>
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="有没有牙齿缺失">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled onChange={this.toothChange}
                        value={this.state.form.tooth} />
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="缺失几颗牙">
                      <Select value={this.state.form.loseTooth} style={{ width: 200 }} disabled
                        onChange={this.loseToothChange}>
                        {this.state.loseToothData.map(item => (
                          <Select.Option key={item.value}>{item.label}</Select.Option>
                        ))}
                      </Select>
                    </Form.Item>
                  </Col>
                  <Col span={6}>
                    <Form.Item label="种植/镶几颗牙">
                      <Select value={this.state.form.plantTooth} style={{ width: 200 }} disabled
                        onChange={this.plantToothChange}>
                        {this.state.plantToothData.map(item => (
                          <Select.Option key={item.value}>{item.label}</Select.Option>
                        ))}
                      </Select>
                    </Form.Item>
                  </Col>
                </Row>

                <h3>消化系统疾病史</h3>
                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="是否做过胃镜">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                        onChange={this.gastroscopeChange} value={this.state.form.gastroscope} />
                    </Form.Item>
                  </Col>
                </Row>

                {this.state.form.gastroscope === '2' && (
                  <>
                    <Row gutter={16}>
                      <Col span={6}>
                        <Form.Item label="反流性食管炎">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.oesophagitisChange} value={this.state.form.oesophagitis} />
                        </Form.Item>
                      </Col>
                      {this.state.form.oesophagitis === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.oesophagitisTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                      <Col span={6}>
                        <Form.Item label="贲门肠上皮化生">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.cardiaIntestinalMetaplasiaChange}
                            value={this.state.form.cardiaIntestinalMetaplasia} />
                        </Form.Item>
                      </Col>
                      {this.state.form.cardiaIntestinalMetaplasia === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.cardiaIntestinalMetaplasiaTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                    </Row>

                    <Row gutter={16}>
                      <Col span={6}>
                        <Form.Item label="非萎缩性胃炎">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.nonAtrophicGastritisChange}
                            value={this.state.form.nonAtrophicGastritis} />
                        </Form.Item>
                      </Col>
                      {this.state.form.nonAtrophicGastritis === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.nonAtrophicGastritisTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                      <Col span={6}>
                        <Form.Item label="萎缩性胃炎">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.atrophicGastritisChange} value={this.state.form.atrophicGastritis} />
                        </Form.Item>
                      </Col>
                      {this.state.form.atrophicGastritis === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.atrophicGastritisTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                    </Row>

                    <Row gutter={16}>
                      <Col span={6}>
                        <Form.Item label="肠上皮化生">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.intestinalMetaplasiaChange}
                            value={this.state.form.intestinalMetaplasia} />
                        </Form.Item>
                      </Col>
                      {this.state.form.intestinalMetaplasia === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.intestinalMetaplasiaTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                      <Col span={6}>
                        <Form.Item label="胃、十二指肠溃疡">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.gastricAndDuodenalUlcersChange}
                            value={this.state.form.gastricAndDuodenalUlcers} />
                        </Form.Item>
                      </Col>
                      {this.state.form.gastricAndDuodenalUlcers === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.gastricAndDuodenalUlcersTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                    </Row>
                    <Row gutter={16}>
                      <Col span={6}>
                        <Form.Item label="胃息肉">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.gastricPolypsChange} value={this.state.form.gastricPolyps} />
                        </Form.Item>
                      </Col>
                      {this.state.form.gastricPolyps === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.gastricPolypsTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                      <Col span={6}>
                        <Form.Item label="低级别上皮内瘤变">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.lowGradeIntraepithelialNeoplasiaChange}
                            value={this.state.form.lowGradeIntraepithelialNeoplasia} />
                        </Form.Item>
                      </Col>
                      {this.state.form.lowGradeIntraepithelialNeoplasia === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.lowGradeIntraepithelialNeoplasiaTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                    </Row>

                    <Row gutter={16}>
                      <Col span={6}>
                        <Form.Item label="高级别瘤变与早癌">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.highGradeNeoplasiaAndEarlyCancerChange}
                            value={this.state.form.highGradeNeoplasiaAndEarlyCancer} />
                        </Form.Item>
                      </Col>
                      {this.state.form.highGradeNeoplasiaAndEarlyCancer === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.highGradeNeoplasiaAndEarlyCancerTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                      <Col span={6}>
                        <Form.Item label="Barrett食管">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.barrettEsophagusChange} value={this.state.form.barrettEsophagus} />
                        </Form.Item>
                      </Col>
                      {this.state.form.barrettEsophagus === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.barrettEsophagusTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                    </Row>

                    <Row gutter={16}>
                      <Col span={6}>
                        <Form.Item label="良性疾病胃大部切除史">
                          <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                            onChange={this.historyOfBenignDiseaseSubtotalGastrectomyChange}
                            value={this.state.form.historyOfBenignDiseaseSubtotalGastrectomy} />
                        </Form.Item>
                      </Col>
                      {this.state.form.historyOfBenignDiseaseSubtotalGastrectomy === '2' && (
                        <>
                          <Col span={6}>
                            <Form.Item label="疾病确诊后时间">
                              <Select
                                allowClear
                                value={this.state.form.historyOfBenignDiseaseSubtotalGastrectomyTime}
                                disabled
                              >
                                {this.state.verifyTimeData.map(item => (
                                  <Select.Option key={item.value}>{item.label}</Select.Option>
                                ))}
                              </Select>
                            </Form.Item>
                          </Col>
                        </>
                      )}
                    </Row>
                  </>
                )}
                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="胃癌胃大部切除史">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                        onChange={this.historyOfSubtotalGastrectomyForGastricCancerChange}
                        value={this.state.form.historyOfSubtotalGastrectomyForGastricCancer} />
                    </Form.Item>
                  </Col>
                  {this.state.form.historyOfSubtotalGastrectomyForGastricCancer === '2' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="疾病确诊后时间">
                          <Select
                            allowClear
                            value={this.state.form.historyOfSubtotalGastrectomyForGastricCancerTime}
                            disabled
                          >
                            {this.state.verifyTimeData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="胃黏膜巨大皱褶征">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                        onChange={this.gastricMucosaGiantFoldSignChange}
                        value={this.state.form.gastricMucosaGiantFoldSign} />
                    </Form.Item>
                  </Col>
                  {this.state.form.gastricMucosaGiantFoldSign === '2' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="疾病确诊后时间">
                          <Select
                            allowClear
                            value={this.state.form.gastricMucosaGiantFoldSignTime}
                            disabled
                          >
                            {this.state.verifyTimeData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="幽门螺杆菌感染">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                        onChange={this.helicobacterPyloriInfectionChange}
                        value={this.state.form.helicobacterPyloriInfection} />
                    </Form.Item>
                  </Col>
                  {this.state.form.helicobacterPyloriInfection === '2' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="疾病确诊后时间">
                          <Select
                            allowClear
                            value={this.state.form.helicobacterPyloriInfectionTime}
                            disabled
                          >
                            {this.state.verifyTimeData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}

                  <Col span={6}>
                    <Form.Item label="幽门螺杆菌检测方法">
                      <Select value={this.state.form.helicobacterPyloriDetectionMethod} style={{ width: 200 }} disabled
                        onChange={this.helicobacterPyloriDetectionMethodChange}>
                        {this.state.helicobacterPyloriDetectionMethodData.map(item => (
                          <Select.Option key={item.value}>{item.label}</Select.Option>
                        ))}
                      </Select>
                    </Form.Item>
                  </Col>
                </Row>
                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="肝炎">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                        onChange={this.hepatitisChange} value={this.state.form.hepatitis} />
                    </Form.Item>
                  </Col>
                  {this.state.form.hepatitis === '2' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="疾病确诊后时间">
                          <Select
                            allowClear
                            value={this.state.form.hepatitisTime}
                            disabled
                          >
                            {this.state.verifyTimeData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="头颈部或呼吸道鳞癌">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                        onChange={this.squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTractChange}
                        value={this.state.form.squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTract} />
                    </Form.Item>
                  </Col>
                  {this.state.form.squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTract === '2' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="疾病确诊后时间">
                          <Select
                            allowClear
                            value={this.state.form.squamousCellCarcinomaOfTheHeadNeckOrRespiratoryTractTime}
                            disabled
                          >
                            {this.state.verifyTimeData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}
                  <Col span={6}>
                    <Form.Item label="恶性贫血">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                        onChange={this.perniciousAnemiaChange} value={this.state.form.perniciousAnemia} />
                    </Form.Item>
                  </Col>
                  {this.state.form.perniciousAnemia === '2' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="疾病确诊后时间">
                          <Select
                            allowClear
                            value={this.state.form.perniciousAnemiaTime}
                            disabled
                          >
                            {this.state.verifyTimeData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}
                </Row>

                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="其它">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled onChange={this.elseChange}
                        value={this.state.form.else} />
                    </Form.Item>
                  </Col>
                  {this.state.form.else === '2' && (
                    <>
                      <Col span={6}>
                        <Form.Item label="疾病名称">
                          <Input
                            placeholder="疾病名称"
                            value={this.state.form.diseasName}
                            disabled
                          />
                        </Form.Item>
                      </Col>
                      <Col span={6}>
                        <Form.Item label="疾病确诊后时间">
                          <Select
                            allowClear
                            value={this.state.form.elseTime}
                            disabled
                          >
                            {this.state.verifyTimeData.map(item => (
                              <Select.Option key={item.value}>{item.label}</Select.Option>
                            ))}
                          </Select>
                        </Form.Item>
                      </Col>
                    </>
                  )}
                </Row>

                <h3>肿瘤家族史</h3>
                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="你家中有没有人得过肿瘤">
                      <Radio.Group options={this.state.whether} style={{ width: 200 }} disabled
                        onChange={this.firstDegreeRelativeHadTumorChange}
                        value={this.state.form.firstDegreeRelativeHadTumor} />
                    </Form.Item>
                  </Col>
                </Row>

                {this.state.form.firstDegreeRelativeHadTumor === '2' && (
                  <>
                    <Table columns={columns} dataSource={this.state.form.content} rowKey="id" />
                  </>
                )}

              </TabPane>
              <TabPane tab="结直肠癌风险因素自测表" key="2">
                <h3>结直肠疾病史</h3>
                <Row gutter={16}>
                  <Col span={6}>
                    <Form.Item label="是否曾接受过结肠镜检查">
                      <Radio.Group value={this.state.form.isCheck} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>

                  {this.state.form.isCheck == 1 ?
                    <Col span={6} >
                      <Form.Item label="最后一次结肠镜检查的年份">
                        <DatePicker
                          disabled
                          mode="year"
                          onPanelChange={(value, mode, filed) => { this.handleDatePickerChange(value, mode, "lastCheckYear") }}
                          value={this.state.form.lastCheckYear}
                          format="YYYY"

                        />
                      </Form.Item>
                    </Col>
                    : ""}

                  <Col span={6}>
                    <Form.Item label="您是否曾诊断结直肠息肉">
                      <Radio.Group value={this.state.form.isColorectalPolyps} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>

                  <Col span={6}>
                    <Form.Item label="您是否曾诊断炎性肠病" >
                      <Radio.Group value={this.state.form.isIBD} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  {this.state.form.isIBD == 1 ?
                    <Col span={6}>
                      <Form.Item label="诊断IBD距今时间">
                        <InputNumber disabled
                          v-model="hasIBDYear"
                          min={0}
                        ></InputNumber>
                        <span style={{ margin: '0px 5px' }}>年</span>
                        <InputNumber disabled
                          min={0}
                          v-model="hasIBDMouth"
                        ></InputNumber>
                        <span style={{ margin: '0px 5px' }} >月</span>
                      </Form.Item>
                    </Col>
                    : ""}



                  <Col span={6}>
                    <Form.Item label="您本人是否为结直肠患者">
                      <Radio.Group value={this.state.form.isColorectalPatients} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>

                  <Col span={6}>
                    <Form.Item label="您本人是否诊断有其他恶性肿瘤">
                      <Radio.Group value={this.state.form.hasOtherMalignancy} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
                <Row>
                  <h3 style={{ marginTop: '30px' }}>结直肠家族史</h3>
                  <Col span={6}>
                    <Form.Item label="您的一级亲属中，是否有人患结直肠癌">
                      <Radio.Group value={this.state.form.relativesHasColorectalPatients} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>
                  {this.state.form.relativesHasColorectalPatients == 1 ?
                    <>
                      <Col span={6}>
                        <Form.Item label="一级亲属中诊断肠癌的共有几人">
                          <InputNumber value={this.state.form.relativesHasColorectalPatientsNum} disabled />

                        </Form.Item>
                      </Col>
                      <Col span={6}>
                        <Form.Item label="诊断肠癌的一级亲属中，诊断时最小的是几岁">
                          <InputNumber value={this.state.form.relativesHasColorectalPatientsMinAge} disabled />

                        </Form.Item>
                      </Col>
                    </>



                    : ""}
                </Row>
                <Row>
                  <h3 style={{ marginTop: '30px' }}>其他风险因素</h3>
                  <Col span={6}>
                    <Form.Item label="您是否有慢性便秘">
                      <Radio.Group value={this.state.form.hasCC} disabled >
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>

                  <Col span={6}>
                    <Form.Item label="您是否有慢性腹泻">
                      <Radio.Group value={this.state.form.hasCDD} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>

                  <Col span={6}>
                    <Form.Item label="您是否有粘液血便">
                      <Radio.Group value={this.state.form.mucousBloodyStool} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>


                  <Col span={6}>
                    <Form.Item label="您是否有慢性阑尾炎">
                      <Radio.Group value={this.state.form.hasChronicAppendicitis} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>

                  <Col span={6}>
                    <Form.Item label="您是否有慢性胆囊炎">
                      <Radio.Group value={this.state.form.hasChronicCholecystitis} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>

                  <Col span={6}>
                    <Form.Item label="您是否有长期遭受精神伤害">
                      <Radio.Group value={this.state.form.hasDivineDamage} disabled>
                        <Radio value='1' >是</Radio>
                        <Radio value='2' >否</Radio>
                        <Radio value='3' >不清楚</Radio>

                      </Radio.Group>
                    </Form.Item>
                  </Col>
                </Row>
              </TabPane>
            </Tabs>



          </Form>

        </Modal>


      </div >
    );
  }
}
